/* 头部样式 */
.header-wrap {
  height: 115px;
  background-color: wheat;
}

.header-top {
  height: 35px;
  background-color: #f5f5f5;
}

.header-main {
  /* width: 1460px; */
  height: 80px;
  background-color: blueviolet;
  /* margin: 0 auto; */
}

.h-t-main {
  /* width: 1460px; */
  height: 35px;
  background-color: blue;
  /* margin: 0 auto; */
}

.h-t-m-left {
  width: 95px;
  height: 35px;
  background-color: bisque;
  float: left;
}

.h-t-m-right {
  width: 753px;
  height: 35px;
  background-color: darkgrey;
  float: right;
}

.m-left {
  width: 400px;
  height: 80px;
  background-color: aqua;
  float: left;
}

.m-middle {
  width: 700px;
  height: 80px;
  background-color: brown;
  float: left;
}

.m-right {
  width: 350px;
  height: 80px;
  background-color: saddlebrown;
  float: right;
}

.logo {
  display: inline-block;
  width: 132px;
  height: 50px;
  background: url(./common_bg_s.png) no-repeat;
  background-position: 0 -208px;
  margin: 15px 10px 0 0;
}

.icon-arrow {
  /* 行内块，既可以设置宽高，又不会换行 */
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(./common_bg_s.png) no-repeat;
  background-position: -153px -180px;
}

/* 
    动态发生之后
    1.选择器
    2.做什么
    */
.xgt:hover .icon-arrow {
  /* 调整精灵图的x轴定位 */
  background-position-x: -165px;
}

/* banner 样式 */
.banner-box {
  width: 100%;
  height: 460px;
  overflow: hidden;
  /* 子绝父相 */
  position: relative;
}
.img-box {
  width: 1920px;
  height: 460px;
  position: absolute;
  left: 50%;
  /* margin-left: -960px; */
  transform: translateX(-50%);
}
.banner-box .w1460 {
  position: relative;
}
.up-box {
  width: 250px;
  height: 300px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
